<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>

    <!-- 基本样式 -->
    <link rel="stylesheet" href="../src/mixins/style/normalize.css" />
    <link rel="stylesheet" href="../src/com_third/font-awesome/css/font-awesome.css">
    <link rel="stylesheet" href="../src/mixins/style/base.css" />

    <!-- 当时项目公共样式 -->
    <link rel="stylesheet" href="src/common.css" />

    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="../src/lib/bootstrap.min.css" />

    <style>
        html,
        body {
            margin: 0 auto;
            padding: 0;
            overflow: hidden;
            background-color: #f1f1f1;
            min-height: 600px;
        }

        .edit_form {

            margin: 0 auto;
            background-color: white;
            min-height: 600px;
            padding: 20px;
            width: 100%;
        }

        .edit_form .el-form-item__label {
            text-align: right;
            padding-right: 10px;
            vertical-align: middle;
            font-size: 14px;
            font-weight: bold;
        }

        .el-form-item {
            margin: 20px 50px;
        }
    </style>
</head>

<body>

    <div v-cloak class="clearfix" id="app">


        <div class="">
            <el-form class="edit_form" ref="form" :model="form" label-width="100px">

                <el-form-item label="文章标题">
                    <el-input v-model="form.title"></el-input>
                </el-form-item>

                <el-form-item label="文章摘要">
                    <el-input type="textarea" v-model="form.summary"></el-input>
                </el-form-item>


                <el-form-item label="栏目类型">
                    <el-select v-model="form.categoryId" filterable placeholder="请选择" @change="onCategorySelected">
                        <el-option v-for="item in CategoryEnum" :key="item.id" :label="item.name" :value="item.id">
                        </el-option>
                    </el-select>
                </el-form-item>


                <el-form-item label="是否有效">
                    <el-radio-group v-model="form.dataFlag" size="mini">
                        <el-radio label="1" border>有效</el-radio>
                        <el-radio label="0" border>无效</el-radio>
                    </el-radio-group>
                </el-form-item>
                <el-form-item>
                    <el-button type="primary" @click="onSubmit">确 定</el-button>
                    <!-- <el-button @click="onCancel"> 取消</el-button> -->
                </el-form-item>

            </el-form>
        </div>


    </div>

    <script src="../src/lib/jquery.js"></script>
    <script src="../src/lib/sea-all.js"></script>
    <script src="../src/lib/vue.js"></script>
    <script src="../src/lib/vue-router.js"></script>
    <script src="../boot.js"></script>


    <link href="https://cdn.bootcss.com/layer/3.1.0/theme/default/layer.css" rel="stylesheet">
    <script src="https://cdn.bootcss.com/layer/3.1.0/layer.js"></script>

    <script>
        $(function () {
            seajs.use('./05_artEdit.js');
        })
    </script>



</body>

</html>